<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- <link rel="icon" href="../../favicon.ico"> -->
  <link href="/phone/Public/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="/phone/Public/css/Admin/comm.css" rel="stylesheet">
  <link href="/phone/Public/libs/layer/skin/layer.css" rel="stylesheet">
  <link href="/phone/Public/css/Admin/manage.css" rel="stylesheet">       
    <link rel="shortcut icon" href="assets/ico/favicon.ico" type="image/x-icon" />  
    <link href="/phone/Public/css/admin/bootstrap.min.css" rel="stylesheet">   
    <link href="/phone/Public/css/admin/jquery.mmenu.css" rel="stylesheet">    
    <link href="/phone/Public/css/admin/font-awesome.min.css" rel="stylesheet">
    <link href="/phone/Public/css/admin/climacons-font.css" rel="stylesheet">
    <link href="/phone/Public/css/admin/style.min.css" rel="stylesheet">
    <link href="/phone/Public/css/admin/add-ons.min.css" rel="stylesheet">    
  <title>后台管理</title>
</head>
<body>
<!-- start: Header -->
  <div class="navbar" role="navigation">  
    <div class="container-fluid">       
      <ul class="nav navbar-nav navbar-actions navbar-left">
        <li class="visible-md visible-lg"><a href="index.html#" id="main-menu-toggle"><i class="fa fa-th-large"></i></a></li>
        <li class="visible-xs visible-sm"><a href="index.html#" id="sidebar-menu"><i class="fa fa-navicon"></i></a></li>      
      </ul>      
      <form class="navbar-form navbar-left">
        <button type="submit" class="fa fa-search"></button>
        <input type="text" class="form-control" placeholder="Search..."></a>
      </form>
          <ul class="nav navbar-nav navbar-right">
        <li class="dropdown visible-md visible-lg">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope-o"></i><span class="badge">5</span></a>
              <ul class="dropdown-menu">
            <li class="dropdown-menu-header">
            </li>
            <li class="avatar">
            </li>
            <li class="avatar">
            </li>
            <li class="avatar">
            </li>
            <li class="avatar">
            </li>
            <li class="avatar">
            </li>           
            <li class="dropdown-menu-footer text-center">
            </li> 
              </ul>
            </li>
        <li class="dropdown visible-md visible-lg">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell-o"></i><span class="badge">3</span></a>
            <ul class="dropdown-menu">
            <li class="dropdown-menu-header">
            </li>         
            </ul>
            </li>
        <li class="dropdown visible-md visible-lg">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>         
          <ul class="dropdown-menu update-menu" role="menu">
            
          </ul>
        </li>
        <li><a href="index.html"><i class="fa fa-power-off"></i></a></li>
      </ul>      
    </div>    
  </div>
  <!-- end: Header -->  
  <div class="container-fluid content">  
    <div class="row">        
      <!-- start: Main Menu -->
      <div class="sidebar ">                
        <div class="sidebar-collapse">
          <div class="sidebar-header t-center">
                        <span><img class="text-logo" src="/phone/Public/img/admin/logo1.png"><i class="fa fa-space-shuttle fa-3x blue"></i></span>
                    </div>                    
          <div class="sidebar-menu">            
            <ul class="nav nav-sidebar">
              <li>
                <a href="#"><i class="fa fa-file-text"></i><span class="text"> 后台管理</span> <span class="fa fa-angle-down pull-right"></span></a>
                <ul class="nav sub">
                  <li><a href="/phone/index.php/Admin/phone"><i class="fa fa-car"></i><span class="text"> 商品管理</span></a></li>
                  <li><a href="/phone/index.php/Admin/message"><i class="fa fa-envelope"></i><span class="text"> 留言管理</span></a></li>
                  <li><a href="/phone/index.php/Admin/order"><i class="fa fa-credit-card"></i><span class="text"> 订单管理</span></a></li>            
                </ul> 
              </li>
          </div>          
        </div>
        <div class="sidebar-footer">               
        </div>          
      </div>
      <!-- end: Main Menu -->
    
    <!-- start: Content -->
    <div class="main">
    
      <div class="row">
        <div class="col-lg-12">
          <h3 class="page-header"><i class="fa fa-laptop"></i> 手机网上商城后台管理系统</h3>
          <ol class="breadcrumb">
            <li><i class="fa fa-home"></i><a href="index.html">后台管理</a></li>           
          </ol>
        </div>
      </div>
           
      <div class="row">         
        <div class="col-sm-12">                  
          <div class="panel panel-default">
            <div class="panel-heading">
              <h2><i class="fa fa-bar-chart-o red"></i><strong>商品管理</strong></h2>
              <div class="panel-actions">
                <a href="charts-xcharts.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
                <a href="charts-xcharts.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
                <a href="charts-xcharts.html#" class="btn-close"><i class="fa fa-times"></i></a>
              </div>
            </div>
            <div class="panel-body">

                <h2 class="sub-header">商品管理<span class="btn btn-primary btn-sm add phone-add" style="float: right;">添加</span></h2>
                <div class="table-responsive message message-box">
                <table class="table table-striped">
                <thead>
                <tr>
                <th>名称</th>
                <th>图片</th>
                <th>出厂日期</th>                
                <th>简介</th>
                <th>数量</th>
                <th>类型</th>
                <th>价格</th>
                <th>折扣价</th>
                <th>修改</th>
                <th>删除</th>
                </tr>
                </thead>
                <tbody>
                 <volist name='phoneList' id="item">
                  <tr data-id={$item.id}>
                  <td class="name">{$item.name}</td>
                  <td>
                    <img src="{$item.img}" alt="" style="width:40px;height:40px">
                  </td>
                  <td class="time">{$item.productdate}</td>
                  <td class="info">{$item.info}</td>
                  <td class="count">{$item.count}</td>
                  <td class="type">{$item.type}</td>
                  <td class="price">{$item.price}</td>
                  <td class="discountprice">{$item.discountprice}</td>
                  <td><button class="btn btn-info btn-sm edit phone-edit">修改</button></td>
                  <td><button class="btn btn-danger btn-sm del phone-del">删除</button></td>
                </tr>
               </volist>           
              </tbody>
              </table>
              </div>

            </div>
          </div>        
        </div><!--/col-->         
      </div><!--/row--> 


      <div class="row">         
        <div class="col-sm-12">                  
          <div class="panel panel-default">
            <div class="panel-heading">
              <h2><i class="fa fa-bar-chart-o red"></i><strong>留言管理</strong></h2>
              <div class="panel-actions">
                <a href="charts-xcharts.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
                <a href="charts-xcharts.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
                <a href="charts-xcharts.html#" class="btn-close"><i class="fa fa-times"></i></a>
              </div>
            </div>
            <div class="panel-body">
               
               <div class="table-responsive message message-box">
               <table class="table table-striped">
               <thead>
               <tr>
                <th>姓名</th>
                <th>email</th>
                <th>联系方式</th>                
                <th>留言</th>    
                <th>回复</th>        
                <th>删除</th>
               </tr>
               </thead>
               <tbody>
               <volist name='messageList' id="item">
                <tr data-id={$item.id}>
                  <td class="name">{$item.name}</td>        
                  <td class="email">{$item.email}</td>
                  <td class="phone">{$item.phone}</td>
                  <td class="message">{$item.message}</td>
                  <td><button class="btn btn-info btn-sm reply message-reply">回复</button></td>               
                  <td><button class="btn btn-danger btn-sm del message-del">删除</button></td>
                </tr>
               </volist>           
               </tbody>
               </table>
               </div>

            </div>
          </div>        
        </div><!--/col-->          
      </div><!--/row--> 


        <div class="row">         
        <div class="col-sm-12">                  
          <div class="panel panel-default">
            <div class="panel-heading">
              <h2><i class="fa fa-bar-chart-o red"></i><strong>查看订单</strong></h2>
              <div class="panel-actions">
                <a href="charts-xcharts.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
                <a href="charts-xcharts.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
                <a href="charts-xcharts.html#" class="btn-close"><i class="fa fa-times"></i></a>
              </div>
            </div>
            <div class="panel-body">
               
            <div class="table-responsive message massage-box">
            <table class="table table-striped">
            <tbody>
              <volist name='orderList' id="item">
              <thead>
              <tr data-id={$item.id}>
                <th>订单编号:{$item.number}</th>
                <th>买家:{$item.username}</th>
                <th>创建时间:{$item.create_at}</th>                
                <th>消费金额:{$item.price}</th>         
              </tr>
              <tr>
                <th>商品名称</th>
                <th>数量</th>
                <th>原价</th>
                <th>折后价格</th>
              </tr>
              </thead>              
                  <volist name='item[item]' id="orderitem">
                  <tr data-id={$orderitem.id}>
                  <td class="name">{$orderitem.phonename}</td>        
                  <td class="number">{$orderitem.count}</td>
                  <td class="price">{$orderitem.price}</td>
                  <td class="discountprice">{$orderitem.discountprice}</td>        
                  </tr>
                  </volist> 
               </volist>          
            </tbody>
            </table>
            </div>

            </div>
          </div>        
        </div><!--/col-->          
      </div><!--/row--> 

              
    </div>
    <!-- end: Content -->
    <br><br><br>         
  </div><!--/container-->
  <div class="modal fade" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Warning Title</h4>
        </div>
        <div class="modal-body">
          <p>Here settings can be configured...</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  
  <div class="clearfix"></div>




<!--弹窗-->
<!--上传图片-->
<div id="myeditor" style="display: none;"></div>
<!--弹窗背景-->
<div id="popback"></div>
<!--商品管理-->
<div class="phone-window">
  <h3>商品管理</h3>
  <form role="form">
    <div class="form-group">
      <label for="">商品名称</label>
      <input name="phonename" type="text" class="form-control name " id="name">
    </div>
    <div class="form-group">
      <label for="">展示图片</label>
      <input type="button" class="add-pic" value="上传"/>
      <div class="show-pic">
      </div>
    </div>
    <div class="form-group">
      <label for="">出厂日期</label>
      <input name="time" type="text" class="form-control productdate" id="productdate">
    </div>
    <div class="form-group">
      <label for="">简介</label>
      <input name="info" type="text" class="form-control info" id="info">
    </div>
     <div class="form-group">
      <label for="">数量</label>
      <input name="count" type="text" class="form-control count" id="count">
    </div>
    <div class="form-group">
      <label for="">类别</label>
      <select name="type" type="type" class="form-control type" id="type">
        <option>三星</option>
        <option>小米</option>
        <option>华为</option>
        <option>apple</option>
        <option>联想</option>
        <option>vivo</option>
        <option>oppo</option>
        <option>魅族</option>
        <option>诺基亚</option>
      </select>
    </div>
    <div class="form-group">
      <label for="">价格</label>
      <input name="price" type="price" class="form-control price" id="price">
    </div>   
    <div class="form-group">
      <label for="">折扣价格</label>
      <input name="discountprice" type="discountprice" class="form-control discountprice" id="discountprice">
    </div>     
    <div class="form-group">
    <button type="submit" class="btn btn-primary submit">确认</button>
  </form>
</div>


<!--arttemplate部分-->
<!--上传图片-->
<script id="img_template" type="text/html">
  <div class="img">
    <img src="{{src}}" alt="">
    <span class="del">删除</span>
  </div>
</script>
<!--商品管理（添加模板）-->
<script id="phone_template" type="text/html">
  <tr data-id="{{obj.id}}" >
   <td class="name">{{obj.name}}</td>
   <td>
   <img src="{{obj.img}}" alt="" style="width:40px;height:40px">
   </td>
   <td class="productdate">{{obj.productdate}}</td>
   <td class="info">{{obj.info}}</td>
   <td class="count">{{obj.count}}</td>
   <td class="type">{{obj.type}}</td>
   <td class="price">{{obj.price}}</td>
   <td class="discountprice">{{obj.discountprice}}</td>
   <td><button class="btn btn-info btn-sm edit phone-edit">修改</button></td>
   <td><button class="btn btn-danger btn-sm del phone-del">删除</button></td>
  </tr>
</script>
<script src="/phone/Public/libs/jquery/jquery.min.js"></script>
<script src="/phone/Public/libs/bootstrap/js/bootstrap.min.js"></script>
<script src="/phone/Public/libs/layer/layer.js"></script>
<script src="/phone/Public/libs/art-template/dist/template.js"></script>
<js file="__ROOT__/Public/libs/ueditor/ueditor.config.js"/>
<js file="__ROOT__/Public/libs/ueditor/ueditor.all.js"/>
<script src="/phone/Public/js/Admin/manage.js"></script>
<script src="/phone/Public/js/Admin/message.js"></script>
<script src="/phone/Public/js/admin/jquery-migrate-1.2.1.min.js"></script>
<script src="/phone/Public/js/admin/bootstrap.min.js"></script>          
  <!-- theme scripts -->
<script src="/phone/Public/js/admin/SmoothScroll.js"></script>
<script src="/phone/Public/js/admin/jquery.mmenu.min.js"></script>
<script src="/phone/Public/js/admin/core.min.js"></script> 
<!-- inline scripts related to this page -->
<script src="/phone/Public/js/admin/pages/index.js"></script>   
<!-- end: JavaScript-->
</body>
</html>

